<template>
  <div class="user">
    <h1>用户</h1>
    <p>
      <!-- <router-link to="/user/login?username=tom&password=123" tag="span">用户登陆</router-link> | -->
      <!-- <router-link :to="{
          path:'/user/login',
          query:{
              username:'jack',
              password:'123'
          }
      }" tag="span">用户登陆</router-link> | -->
      <router-link :to="{
          name:'login',
          query:{
              username:'mike',
              password:'123'
          }
      }" tag="span">用户登陆</router-link> |
      <!-- <router-link to="/user/regist/zhangsan/20/male" tag="span">用户注册</router-link> -->
      <router-link :to="{
          name:'regist',
          params:{
              name:'lisi',
              age:21,
              sex:'female'
          }
      }" tag="span">用户注册</router-link>
    </p>
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.user {
  p {
    span {
      font-size: 15px;
      font-weight: bold;
      &.router-link-exact-active {
        color: #ff7300;
      }
    }
  }
}
</style>